<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初始vue</title>

    <style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>

<!-- 
v-cloak指令(没有值):
1.本质是一个特殊属性，Vue陕例创建完毕并接管容器后，会删掉v-cloak属性。
2.使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题 -->
<body>
    <div id="root">

       <div v-cloak >{{name}}</div>
       
    </div>

    <script type="text/javascript"  src="../js/vue.js"></script>  <!-- 假如这个加载很慢 --> 
   

</body>

<script type="text/javascript">
   Vue.config.productionTip=false;
    let vm =new Vue({
        el:"#root",
        data:{
            name:'nihao'
        }
    })

    
</script>
</html>